<script setup>
  // 目标：子组件向父组件传递数据
  // 数据名称：sonDataName
  // 数据的值：sonDataValue
  // 1、子组件先创建 emits 函数
  let emits = defineEmits("sonDataName");

  // 2、在点击按钮之后，发送数据
  const clickHandler = () => {
    // 3、调用 emits() 函数发送数据
    emits("sonDataName", "sonDataValue");
  }
</script>

<template>
  <div>
    <h3>页面的头部</h3>
    <button @click="clickHandler">点击发送数据</button>
  </div>
</template>

<style scoped>
div {
  border: 1px solid black;
}
</style>